          <section id="problem-section">
            <div class="round-combo">
              <h3>Problemset</h3>
              <p class="muted">The OJ provides over 1000 problems, and has served 250 users since 2012.</p>
              <hr>
              <div class="pull-left">
                Select Volume:
                <select id="volume" class="span1">
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                </select>
              </div>
              <div class="pull-right">
                <div class="input-append">
                  <input class="span2" id="appendedInputButton" type="text">
                  <button class="btn" type="button">Search</button>
                </div>
              </div>
              <table id="problemset" class="table table-bordered table-striped">
                <thead>
                 <tr>
                   <th>Pro.ID</th>
                   <th>Problem Title</th>
                   <th>Ratio(AC/Total)</th>
                 </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr class="error">
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr class="success">
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr class="error">
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr class="error">
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr class="success">
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr class="error">
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr class="success">
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr class="error">
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                  <tr>
                    <td>1000</td>
                    <td><a href="#showproblem">Little Elephant and Magic Square</a></td>
                    <td>51% (861/1672)</td>
                  </tr>
                </tbody>
              </table>
              <p><button class="btn btn-primary" type="button" onclick="collapseOptions()">Options</button></p>
              <div id="advOpt" class="well well-small">
                Entries perpage:
                <select id="count" class="span2">
                  <option>25</option>
                  <option>30</option>
                  <option>50</option>
                  <option>75</option>
                  <option>100</option>
                </select><br>
                Ordered by:
                <select id="order" class="span2">
                  <option>Pro.ID</option>
                  <option>Problem Title</option>
                  <option>Ratio(AC/Total)</option>
                </select><br>
                <label class="checkbox">
                  <input id="remSetting" type="checkbox" onchange="rememberAdv()" value=""> Save as default settings (Remember for a month)
                </label>
              </div>
            </div>
          </section>